html, body {
	width:		100%;
	height:		100%;					
	padding:	0;
	margin:		0;
	overflow:	auto; /* when page gets too small */
}

.pane {
	display:	none; /* will appear when layout inits */
}

#page{
	height:	100%;			
}

/* Logo version 1 */
/*
#logo{
	background: url('../images/logo.png') no-repeat top left;
	width: 235px;
	height: 55px;
	position:relative;
	float:left;
}
*/
/* Logo version 2 */
#logo{
	background: url('../../mainlayout/images/logo.png') no-repeat top left;
	width: 235px;
	height: 41px;
        margin-top: 3px;
	position:relative;
        margin-left:15px;
	float:left;
}

#main_menu{
	height: 20px;
	position:relative;
	float:left;
	margin:15px 0 0 -50px;
        width: auto;
}

/* Header version 1 */
/*
#header{
	position:absolute;
	z-index:100;
	padding:1px 5px;
	background-color: #D8D8D8;
	background-image: -webkit-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -moz-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -o-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -ms-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: linear-gradient(top, #F4F4F4, #D8D8D8);
	border-bottom: #AAA 1px solid;
	border-top: none;
	width:100%;
}*/

/* header version 2 */
#header{
	position:absolute;
	z-index:100;
	padding: 0px 5px;
	background-color: #FBFBFB;
        background-image: -moz-linear-gradient(center top , #FFFFFF, #F5F5F5);
        background-repeat: repeat-x;
        border: 1px solid #DDDDDD;
        box-shadow: 0 1px 0 #FFFFFF inset;
	max-height: 41px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        width:100%;
        min-width: 969px;
        
}


#center{
	border: none;
	padding:0px 0px;
        top : 40px;
}	


#footer{
	padding:2px 5px;
        padding-bot: 0px;
        /*
	background-color:#CCCCCC;
	background-color: #D8D8D8;
	background-image: -webkit-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -moz-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -o-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: -ms-linear-gradient(top, #F4F4F4, #D8D8D8);
	background-image: linear-gradient(top, #F4F4F4, #D8D8D8);
        */
        background-color: #FBFBFB;
        background-image: -moz-linear-gradient(center top , #FFFFFF, #F5F5F5);
        background-repeat: repeat-x;
        box-shadow: 0 1px 0 #FFFFFF inset;
	border-top: #AAA 1px solid;
        max-height: 41px;
	border-bottom: none;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}


.menu_left{
	background-color: #F5F5F5;
	
}


#container{
	height:100%;
}


#home, #myTabContent{
	height:100%;
}


.container_page{
	height:100%;
}


#Topmenu{
	float:left;
	position:relative;
	width: 200px;
	margin-top:13px;
	z-index:10000;
}

/*
.widget {
	z-index:1001;
	position: absolute;
	width: 800px;
	height: 600px;
	top:2px;left:2px;
	background-color: white;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	overflow:hidden;
}*/

.widget_zone .NOT_on_top{
	z-index:1;
        
}

.widget_zone .on_top{
	z-index:1002;
        background-image: url(../images/bg3.png);
        background-position: right top;
}

button.open {
	padding: 0;
	cursor: pointer;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	margin-top:3px;margin-left:10px
}
/*
.open {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: black;
	text-shadow: 0 1px 0 white;
	/*opacity: 0.2;
	filter: alpha(opacity=20);
}
*/

.widget-body {
	position:absolute;
	overflow: auto;
	padding: 15px;
	
}

.widget_zone{
    background-image: url(../images/bg3.png);
    background-position: right top;
}


#monitor_view{
	list-style: none;
}

ul.dropdown-menu li{
	
	cursor:pointer;

}

ul.dropdown-menu li.li_grey a{
	display: block;padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #333;
}

ul.dropdown-menu li.li_grey a:hover{
	background-color:#EEE;
}
/*************/
#dialogBox {
    overflow:	hidden;	/* eliminate space for scrollbar in dialog - not needed when using a layout */
    display:	block;
    padding:	0;		/* nullify ui-widget-content */
    padding-top: 4px;	/* add some white-space below titlebar for cosmetics */
    /* COULD add a border and/or padding if desire a different look...
    padding:	6px;
    border:		1px solid #BBB;
    */
}
#dialogBox {
/*
    *	THIS HACK FIXES A DIALOG BOX POSITIONING BUG
    *	prevents incorrect top/left values that are applied from taking effect
    *	This page now uses a patched version of UI 1.8.1, so this hack no longer required
    *	SEE UI Ticket #5662 - http://dev.jqueryui.com/ticket/5662#comment:3 
top:		0 !important;
left:		0 !important;
    */
/* background:	#AFA; DEBUGGING */
/*position:	relative; - triggers resizeable._alsoResize bug when using Opera */
}
#dialogBox .ui-widget-content {
        /* nullify ui-widget-content bg-image - but KEEP widget bg-color */
        background-image: none;
}
#dialogBox .ui-layout-pane {
        /* start by removing all padding & scrolling */
        padding:	0;
        overflow:	hidden;
}
#dialogBox .pane-header ,
#dialogBox .ui-layout-content ,
#dialogBox .ui-layout-south {
        padding:	5px 10px;
}
#dialogBox .pane-header {
        border-width:	0 0 1px; /* nullify ui-widget-content border, except bottom */
}
#dialogBox .pane-footer {
        border-width:	1px 0 0; /* nullify ui-widget-content border, except top */
        font-size:		.85em;
        font-weight:	normal;
        padding:		2px 10px 4px;
}
#dialogBox .ui-layout-content {
        border:			0; /* nullify ui-widget-content border - 'pane' already has this */
        overflow:		auto;
}
#dialogBox .ui-layout-south {
    /* has ui-widget-header for cosmetics - override defaults */
    font-weight:	normal; /* NOT bold in statusbar */
    font-size:		.85em;	/* smaller text */
    padding-top:	2px;	/* nice and small */
    padding-bottom:3px;
}
#dialogBox .ui-layout-resizer-west {
    /* NOTE: SOMETHING in the theme CSS is setting opacity here */
    opacity:	.01;
    filter:		alpha(opacity=1);
    background: #F00 url(../lib/img/resizable-w.gif) no-repeat 0 center;
}
#dialogBox .ui-layout-resizer-west-closed {
    background-image: url(../lib/img/resizable-e.gif); /* looks better */
    border:			1px solid #6C0;
    border-width:	1px 0;
    opacity:		.70;
    filter:			alpha(opacity=70);
}
#dialogBox .ui-layout-resizer-dragging ,
#dialogBox .ui-layout-resizer-sliding ,
#dialogBox .ui-layout-resizer:hover {
    opacity:		1;
    filter:			alpha(opacity=100);
}
#dialogBox .ui-layout-toggler {
        /*background:	#CCC;*/
}

.ui-resizable-helper { border: 2px dotted #00F; }

/********************************************************/
/**************  DESIGN BUTTON        *******************/
/********************************************************/

/*
.dropdown-menu.bottom-up:before {
    border-bottom: 0 solid transparent !important;
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    bottom: -7px;
    top: auto !important;
}

/* Boutton en haut a gauche */
/*
.dropdown-menu.top-right:after {
    position: absolute;
    top: -6px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
    right: 13px;
    left: auto;
}

/* Button en haut a droite */
/*
.dropdown-menu.top-left:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}*/

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu.pull-right::before {
    right: 12px;
    left: auto;
}

.dropdown-menu.pull-right::after {
    right: 13px;
    left: auto;
}

/**  Style menu déroulant'  **/
.dropdown-menu.bottom-up::before {
    border-bottom: 0px solid transparent !important;
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    top: auto !important;
    bottom: -7px;
}

.dropdown-menu.bottom-up::after {
    border-bottom: 0px solid transparent !important;
    border-top: 6px solid white;
    top: auto !important;
    bottom: -6px;
}

/* button en haut à gauche */
.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu::after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}

/** Header **/
.menu-top-button {
    border: 1px;
    margin-top : -20px;
    width:115px;
    height:41px;
    padding-top: 4px;
    padding-bottom: 2px;
}

.menu-top-button > ul{
    background-color: #DDDDDD;
    margin-bottom: 0;
    margin-right: 0;
    position: relative; 
    left: 0; display: block; 
    float: left; 
    margin: 0 10px 0 0;
    position:relative;
    width:100%;
    height:100%;
}

.menu-top-button > ul > li{
    margin-top:0;
    margin-left:0;
    padding-bottom: 13px;
    padding-left: 0;
    padding-right: 15px;
    padding-top: 0;
    width:100%;
    height:75%;
}

.menu-top-button > ul > li > a{
    
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 14px;
    padding-top: 11px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: black;
    margin: 0px 0px 0px 0px;
    /*
    margin-bottom: 2px;
    margin-top: 2px;*/
    height:100%;
}

/* Drop up */
.dropup-menu {
    bottom: 100%;
    z-index: 100;
    top: auto !important;
}

/* position the arrow downwards, pointing to the menu */
.navbar .dropup-menu:before {
    border-bottom: none;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    left: 7px;
    top: 100%;
    z-index: 100;
}

.navbar .dropup-menu:after {
    border-bottom: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    left: 10px;
    top: 100%;
    left: 6px;
    z-index: 100;
}

/* point the caret up*/
.up {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #000000;
    z-index: 100;
    border-top: none;
}

/** Footer **/
.menu-bottom-button {
    border: 1px;
    margin-top : -2px;
    margin-left: 1px;
    width:115px;
    min-height:41px;
}

.menu-bottom-button > ul{
    margin-bottom: 0;
    margin-right: 0;
    position: relative; 
    left: 0; display: block; 
    float: left; 
    margin: 0 10px 0 0;
    position:relative;
    width:100%;
    height:100%;
}

.menu-bottom-button > ul > li{
    margin-top:0;
    margin-left:0;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 15px; 
    padding-top: 0;
    width:100%;
    height:75%;
}

.menu-bottom-button > ul > li > a{
    padding-bottom: 1px; 
    padding-left: 15px; 
    padding-right: 14px; 
    padding-top: 11px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: black;
    margin: 0px 0px 0px 0px;
    /*
    margin-bottom: 2px;
    margin-top: 2px;*/
    height:100%;
}

.menu-bottom-button > ul > li > a:hover{
    border-radius: 0;
}

#widget-list{
    border: 1px;
    margin-top : -2px;
    margin-left: 1px;
}

#widget-list .nav > li > a {
    margin: 0;
    padding-top: 11px;
    padding-bottom: 11px;
    border-left: 1px solid whiteSmoke;
    border-right: 1px solid #E5E5E5;
    color: #666;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 0;
}

.module {
    
    margin: -7px 0px;
    padding: 0px 0px 0px;
    width: 32px;
    height: 32px;
}

.infiniteCarousel {
    float: left;
    position: relative;
}

#widget-list > ul > li > a:hover{
    border-radius: 0;
}
/* integration carrousel */
.nav > li > a {
    border-left: 1px solid #F5F5F5;
    border-radius: 0 0 0 0;
    border-right: 1px solid #E5E5E5;
    color: #666666;
    font-weight: bold;
    margin: 0;
    padding-bottom: 11px;
    padding-top: 11px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav > li.desktop > a {
    text-align: center;
    width: 100px;
}

.infiniteCarousel .wrapper ul {
    list-style: none outside none;
}

.nav > li:last-child > a {
    border-right: 0 none;
}

.nav > li.desktop > a {
    text-align: center;
    width: 100px;
}

.infiniteCarousel .wrapper ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 9999px;
}

.infiniteCarousel .wrapper {
    float: left;
    max-height: 41px;
    overflow: hidden;
    position: relative;
}

.module.module1 {
    background: url('../../footer/images/pie-chart-statistics-icone-8636-32.png') 0px 0px no-repeat;
}

.module .module2 {
    background: url('../../footer/images/info-icone-9165-32.png') 0px 0px no-repeat;
}

.module .module3 {
    background: url('../../footer/images/rss-feed-icone-8415-32.png') 0px 0px no-repeat;
}

.module.module4 {
    background: url('../../footer/images/calendar-date-icone-6965-32.png') 0px 0px no-repeat;
}

.module.module5 {
background: url('../../footer/images/address-book-icone-8399-32.png') 0px 0px no-repeat;
}

.module.module6 {
background: url('../../footer/images/alt-fav-icone-5099-32.png') 0px 0px no-repeat;
}

.module.module7 {
background: url('../../footer/images/antivirus-medicin-pill-icone-9079-32.png') 0px 0px no-repeat;
}

.create-button{
    
}